<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--第三种，外联式写法-->
    <link rel="stylesheet" href="css/02.css">

    <!--第二种，内嵌式写法-->
    <!--<style>
         p {
             color:red;
             font-size: 30px;
         }

        p .one {
            color:red;
        }

        div {
            color: red;
        }
    </style>-->
</head>
<body>
   <!--第一种，行内样式-->
   <!-- <p style="color:red;font-size: 30px;">文字</p>
    <span style="color:red;font-size:30px;">span 文字</span>
    <div style="color:red;font-size:30px;">div 文字</div>-->

     <p>文字</p>
     <p>
         <span class="one">span wenzi </span>
     </p>

    <div>div 文字</div>
</body>
</html>